<template>
  <div class="yd">
    <Table :tableData="tableData" @btnClick="dialog = true"></Table>

    <el-dialog title="一点跟踪" :visible.sync="dialog" width="60%" top="6vh">
      <Table :tableData="tableDataA"></Table>
      <span slot="footer">
        <el-button @click="dialog = false">返 回</el-button>
      </span>
    </el-dialog>
  </div>
</template>

<script>
import Table from '@/components/Table'
export default {
  components: {
    Table
  },

  data() {
    return {
      dialog: false,
      tableData: {
        col: [
          {
            prop: 'colA',
            label: '订单号'
          },
          {
            prop: 'colB',
            label: '客户名称'
          },
          {
            prop: 'colC',
            label: '业务名称'
          },
          {
            prop: 'colD',
            label: '状态'
          },
          {
            prop: 'colD',
            label: '操作',
            type: 'Button',
            btnList: [{ label: '一点跟踪' }]
          }
        ],
        row: [
          {
            colA: 'D523489',
            colB: '方剂公司',
            colC: '云视讯专线一',
            colD: '开通中'
          },
          {
            colA: 'D523488',
            colB: '云石公司',
            colC: '云视讯专线一',
            colD: '开通中'
          },
          {
            colA: 'D523487',
            colB: '东丰公司',
            colC: '云视讯专线一',
            colD: '开通中'
          },
          {
            colA: 'D523486',
            colB: '西斗公司',
            colC: '云视讯专线二',
            colD: '开通中'
          },
          {
            colA: 'D523485',
            colB: '李氏公司',
            colC: '云视讯专线二',
            colD: '开通中'
          }
        ]
      },
      tableDataA: {
        col: [
          {
            prop: 'colA',
            label: '订单号'
          },
          {
            prop: 'colB',
            label: '客户名称'
          },
          {
            prop: 'colC',
            label: '业务名称'
          },
          {
            prop: 'colD',
            label: '状态'
          }
        ],
        row: [
          {
            colA: 'D523489001',
            colB: '方剂公司',
            colC: '虚拟号云视讯',
            colD: '开通中'
          },
          {
            colA: 'D523489002',
            colB: '方剂公司',
            colC: '虚拟号云视讯',
            colD: '开通中'
          },
          {
            colA: 'D523489003',
            colB: '方剂公司',
            colC: '省内互联网专线',
            colD: '开通中'
          },
          {
            colA: 'D523489004',
            colB: '方剂公司',
            colC: '省内互联网专线',
            colD: '开通中'
          }
        ]
      }
    }
  }
}
</script>

<style lang="scss" scoped></style>
